<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>jQuery仿Discuz右下角悬浮层提示 - 非凡图库</title>

		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			a,img {
				border: 0;
			}
			body {
				font: 12px/180% Arial, Helvetica, sans-serif, "新宋体";
			}
			/* pop */
			#pop {
				background: #fff;
				width: 260px;
				border: 1px solid #e0e0e0;
				font-size: 12px;
				position: fixed;
				right: 10px;
				bottom: 10px;
			}
			#popHead {
				line-height: 32px;
				background: #f6f0f3;
				border-bottom: 1px solid #e0e0e0;
				position: relative;
				font-size: 12px;
				padding: 0 0 0 10px;
			}
			#popHead h2 {
				font-size: 14px;
				color: #666;
				line-height: 32px;
				height: 32px;
			}
			#popHead #popClose {
				position: absolute;
				right: 10px;
				top: 1px;
			}
			#popHead a#popClose:hover {
				color: #f00;
				cursor: pointer;
			}
			#popContent {
				padding: 5px 10px;
			}
			#popTitle a {
				line-height: 24px;
				font-size: 14px;
				font-family: '微软雅黑';
				color: #333;
				font-weight: bold;
				text-decoration: none;
			}
			#popTitle a:hover {
				color: #f60;
			}
			
			#popIntro {
				text-indent: 24px;
				line-height: 160%;
				margin: 5px 0;
				color: #666;
			}
			#popMore {
				text-align: right;
				border-top: 1px dotted #ccc;
				line-height: 24px;
				margin: 8px 0 0 0;
			}
			#popMore a {
				color: #f60;
			}
			#popMore a:hover {
				color: #f00;
			}
		</style>

	</head>

	<body style="height:1200px;">
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/yanue.pop.js"></script>
		<script type="text/javascript">
			//记得加载jquery
			//使用参数：1.标题，2.链接地址，3.内容简介
			window.onload = function() {
				var pop = new Pop("这里是标题，哈哈", "https://www.baidu.com", "请输入你的内容简介，这里是内容简介.请输入你的内容简介，这里是内容简介.请输入你的内容简介，这里是内容简介");
			}
		</script>

		<div id="pop" style="display:none;">

			<div id="popHead">
				<a id="popClose" title="关闭">关闭</a>
				<h2>温馨提示</h2>
			</div>
			<div id="popContent">
				<dl>
					<dt id="popTitle"><a href="#">这里是标题</a></dt>
					<dd id="popIntro">这里是内容简介</dd>
				</dl>
				<p id="popMore">
					<a href="https://www.baidu.com">查看 >></a>
				</p>
			</div>

		</div>
		
		<div style="display:none">
			<script src="http://s24.cnzz.com/stat.php?id=4273731&web_id=4273731" language="JavaScript"></script>
			<script src="http://s20.cnzz.com/stat.php?id=5240441&web_id=5240441" language="JavaScript"></script>
			<script type="text/javascript">
				var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
				document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Faca36f9d36d03a04d61c93f28c896386' type='text/javascript'%3E%3C/script%3E"));
			</script>
		</div>
	</body>
</html>